<div id="doc-oc-left" class="am-offcanvas">
    <div class="am-offcanvas-bar" style="background-color: #ffffff; width: 250px">
        <div class="am-offcanvas-content">
            <ul class="am-list">
                <li>
                    <a id="user_bar_forward" onclick="menu_l_close();act_content(this,null,null,0)"
                       data-url="<?= $userUrl ?>"
                       data-forward="">
                        <img id="user_bar_avatar" class="am-circle" alt="" src="<?= $userAvatar ?>" width="60"
                             height="60"/>
                        <span id="user_bar_name" class="app-main-color"
                              style="padding-left: 20px"><b><?= $userName ?></b></span>
                        <i class="am-icon-angle-right" style="position: absolute; top: 35%; right: 8px"></i>
                    </a>
                </li>
                <li>
                    <div style="min-height: 50px; padding: 10px 5px">
                        <button style="width: 98px;" class="am-btn am-btn-secondary am-radius am-btn-xs am-fl"
                                onclick="menu_l_close();act_content(this)" data-forward="controller=work_edit">
                            <i class="am-icon-edit"></i>&nbsp;发布作品
                        </button>
                        <button style="width: 98px;" class="am-btn am-btn-secondary am-radius am-btn-xs am-fr"
                                data-url="/user/message/"
                                data-forward=""
                                onclick="menu_l_close();act_content(this,null,null,0)">
                            <i class="am-icon-volume-up"></i>&nbsp;我的消息
                            <i id="msg_noread_icon" class="am-icon-circle am-fr"
                               style="color: red;font-size: 8px;display: none;"></i>
                        </button>
                    </div>
                </li>
                <li>
                    <a onclick="menu_l_close();act_content(this,null,null,0)"
                       data-url="/works/mine/"
                       data-forward="">
                        <i class="am-icon-list-ul am-icon-fw app-main-color"></i>
                        &nbsp;
                        <span class="app-black-color">管理作品</span>
                        <i class="am-icon-angle-right" style="position: absolute; right: 8px"></i>
                    </a>
                </li>
                <li>
                    <a onclick="menu_l_close();act_content(this,null,null,0)"
                       data-url="/special/mine/"
                       data-forward="">
                        <i class="am-icon-columns am-icon-fw app-main-color"></i>
                        &nbsp;
                        <span class="app-black-color">我的专题</span>
                        <i class="am-icon-angle-right" style="position: absolute; right: 8px"></i>
                    </a>
                </li>
                <li>
                    <a onclick="menu_l_close();act_content(this,null,null,0)"
                       data-url="/show/mine/"
                       data-forward="">
                        <i class="am-icon-camera-retro am-icon-fw app-main-color"></i>
                        &nbsp;
                        <span class="app-black-color">我的鞋主秀</span>
                        <i class="am-icon-angle-right" style="position: absolute; right: 8px"></i>
                    </a>
                </li>
                <li>
                    <a onclick="menu_l_close();act_content(this,null,null,0)"
                       data-url="/works/recommend/"
                       data-forward="">
                        <i class="am-icon-heart-o am-icon-fw app-main-color"></i>
                        &nbsp;
                        <span class="app-black-color">我的推荐</span>
                        <i class="am-icon-angle-right" style="position: absolute; right: 8px"></i>
                    </a>
                </li>
                <li>
                    <a onclick="menu_l_close();act_content(this,null,null,0)"
                       data-url="/user/collect/"
                       data-forward="">
                        <i class="am-icon-bookmark-o am-icon-fw app-main-color"></i>
                        &nbsp;
                        <span class="app-black-color">收藏夹</span>
                        <i class="am-icon-angle-right" style="position: absolute; right: 8px"></i>
                    </a>
                </li>
                <li>
                    <a onclick="menu_l_close();act_content(this,null,null,0)"
                       data-url="/record/"
                       data-forward="">
                        <i class="am-icon-send-o am-icon-fw app-main-color"></i>
                        &nbsp;
                        <span class="app-black-color">动态</span>
                        <i class="am-icon-angle-right" style="position: absolute; right: 8px"></i>
                    </a>
                </li>
                <li>
                    <a onclick="menu_l_close();act_content(this,null,null,0)"
                       data-url="/search/"
                       data-forward="">
                        <i class="am-icon-search am-icon-fw app-main-color"></i>
                        &nbsp;
                        <span class="app-black-color">搜索</span>
                        <i class="am-icon-angle-right" style="position: absolute; right: 8px"></i>
                    </a>
                </li>
            </ul>
            <div style="position: absolute; bottom: 10px">
                <a onclick="menu_l_close();toppage_to_worklist()">
                    <i class="am-icon-home am-icon-fw app-main-color"></i>&nbsp;<span class="app-black-color">首页</span>
                </a>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <a onclick="menu_l_close();toppage_to_topic()">
                    <i class="am-icon-calendar am-icon-fw app-main-color"></i>&nbsp;<span
                            class="app-black-color">专题</span>
                </a>
                <span>&nbsp;&nbsp;&nbsp;</span>
                <a data-forward=""
                   data-url="/user/set/"
                   onclick="menu_l_close();act_content(this,null,null,0)">
                    <i class="am-icon-cog am-icon-fw app-main-color"></i>&nbsp;<span class="app-black-color">设置</span>
                </a>
            </div>
        </div>
    </div>
</div>